<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!doctype html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8" http-equiv="content-type" content="text/html">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>我的收藏</title>

<link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="css/u-header.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/mylike.css"/>

<script>
$(document).bind('mobileinit',function(){
 $.mobile.changePage.defaults.changeHash = false;
 $.mobile.hashListeningEnabled = false;
 $.mobile.pushStateEnabled = false;
});
</script>
<script src="js/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page">
 	<div data-role="content" id="content">
 	<c:forEach items="${cList}" var="ct" varStatus="stuts">
 	<div class="mylike-c">
			<div class="user">
				<div class="face">
					<a href="api/myself/userInfo.do?USERID=${ct.thing.user.id }">
						<img src="${ct.thing.user.headimgurl }"/>
					</a>
				</div>
				<div class="u-detail">
					<div class="u-info">
						<a href="javascript:void(0)">${ct.thing.user.nickName }</a>
							<img src="images/g${levelList[stuts.index]+1}.png" />
						<a href="javascript:void(0)">
						</a>
					</div>
					<span>${timeList[stuts.index] }</span>
				</div>	
				<div class="price">
					<span class="new-p"><fmt:formatNumber
								value="${ct.thing.cost }" type="currency" pattern="￥" /></span>
					<span class="old-p"><fmt:formatNumber
								value="${ct.thing.originalCost }" type="currency"  /></span>
				</div>		
			</div>
			<div class="text">
				
				<p>${ct.thing.title }</p>				
			</div>

			<div class="pic">
				<c:forEach items="${ct.thing.images}" var="img" varStatus="s">
					
						<c:if test="${s.index <= 2 }">
                        	  	
  									<img src="${img.path }"/>
                           	
                        </c:if>  
				</c:forEach>
			</div>

			<div class="bottom">
				<a class="assess" href="javascript:void(0)">1</a>
				<a class="like" href="javascript:void(0)">2</a>
			</div>
 		</div>
 	</c:forEach>
 		
 		
	</div>
</div>
</body>
</html>